<!-- https://www.jcpenney.com/dotcom/jsp/checkout/secure/checkout.jsp -->
<form name="frmAddCreditCard" method="post" action="#" id="frmAddCreditCard">
  <div>
    <!-- Display bread crumb -->
    <div id="pnlBreadCrumb">
      <table border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td valign="bottom">
            <a href="#"><img border="0" height="60" width="172" src="#" alt="jcpenney.com" /><img border="0" width="4" src="#" alt="" /><br />
            <img border="0" width="4" src="#" alt="" /></a>
          </td>
          <td valign="bottom">
            <a id="Breadcrumb_hlStep1" href="#" name="Breadcrumb_hlStep1"><img src="#" alt="Step 1 of 4, Login" /></a>
          </td>
          <td valign="bottom">
            <a id="Breadcrumb_hlStep2" href="#" name="Breadcrumb_hlStep2"><img src="#" alt="Step 2 of 4, Billing and Shipping" /></a>
          </td>
          <td valign="bottom">
            <a id="Breadcrumb_hlStep3" href="#" name="Breadcrumb_hlStep3"><img src="#" alt="Step 3 of 4, Order Summary" /></a>
          </td>
          <td valign="bottom">
            <a id="Breadcrumb_hlStep4" name="Breadcrumb_hlStep4"><img src="#" alt="Step 4 of 4, Payment Options" /></a>
          </td>
        </tr>
      </table><noscript>
      <table>
        <tr>
          <td valign="bottom">
            <img border="0" height="40" width="40" src="#" alt="" />
          </td>
          <td valign="bottom">
            <font class="ErrorMessageSmall">Javascript is disabled in your browser.</font> <font class="ErrorMessageSmallNonBold">Javascript is used to provide you with the best shopping experience.<br />
            Please enable Javascript on your browser and refresh this page before continuing.</font> <a class="JavascriptLink" target="_blank" href="#">How to enable Javascript...</a><br />
          </td>
        </tr>
      </table></noscript>
    </div><!-- Display page header -->
    <br />
    <table width="770" border="0" cellpadding="0" cellspacing="0" summary="Page Heading">
      <tr>
        <td valign="bottom" class="PageHeading">
          payment option
        </td>
        <td align="right" class="StandardCell">
          <!-- Display Order total as additional information -->
          <div id="PageHeader_pnlAdditionalInfo">
            <font class="HighlightText">ORDER TOTAL:</font> <span id="PageHeader_lblOrderTotal">$20.05</span>
          </div><!-- Display order total, gift card total and balance amount to pay as additional information -->
        </td>
      </tr>
      <tr>
        <td valign="top" colspan="2">
          <img height="1" src="#" width="755" alt="" /><br />
          <span id="PageHeader_lblErrors" class="ErrorMessageSmall"></span>
        </td>
        <td valign="top">
          <img height="16" src="#" width="15" alt="" />
        </td>
      </tr>
    </table>
    <div id="validationErrorSummary" class="ErrorMessageSmall" style="color:Red;display:none;"></div><!--Display AddCreditCard box heading -->
    <table width="768" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td colspan="3" class="StandardCellHeading">
          <span id="lblBoxHeading" class="PageHeading">&nbsp;credit card</span>
        </td>
      </tr>
      <tr>
        <td width="1" class="Border">
          <img width="0" height="0" src="#" alt="" />
        </td>
        <td width="770">
          <div id="pnlExpressCheckout"></div>
          <table width="100%" border="0" cellpadding="3" cellspacing="0" summary="Payment Options">
            <tr>
              <td class="StandardCell" colspan="3">
                <table width="100%">
                  <tr>
                    <td class="StandardCell" width="5%">
                      &nbsp;
                    </td>
                    <td class="StandardCell" width="95%">
                      Fields marked with an asterisk (*) are required.
                    </td>
                  </tr>
                </table>
              </td>
            </tr><!-- Display Express Checkout Option -->
            <tr>
              <td class="CellAccent1" align="right">
                &nbsp;
              </td>
              <td class="CellAccent1" colspan="2">
                &nbsp;
              </td>
            </tr><!-- Display Card Type -->
            <tr>
              <td class="CellAccent1" align="right" valign="middle">
                <span id="lblCardType">*Card type:</span>
              </td>
              <td class="CellAccent1" valign="middle">
                <select name="drpdwnCardTypes" id="drpdwnCardTypes" class="StandardCell">
                  <option value="JCP1">
                    JCPenney
                  </option>
                  <option value="Visa">
                    Visa
                  </option>
                  <option value="Mastercard">
                    MasterCard
                  </option>
                  <option value="Amex">
                    American Express
                  </option>
                  <option value="Discover">
                    Discover Network
                  </option>
                </select>
              </td>
              <td class="CellAccent1" valign="top" width="100%">
                <img id="imgSevenCards" alt="JCPenney, Discover, Visa, Master Card, American Express" src="#" />
              </td>
            </tr><!-- Display Name on Card -->
            <tr>
              <td class="CellAccent1" align="right">
                <span id="lblCardName">*Name on the card:</span>
              </td>
              <td class="CellAccent1" colspan="2">
                <input name="txtNameOnCreditCard" type="text" size="20" id="txtNameOnCreditCard" title="Name on the card, Required" class="StandardCell" />
              </td>
            </tr><!-- Display Card Number -->
            <tr>
              <td class="CellAccent1" align="right">
                <span id="lblCardNumber">*Card number:</span>
              </td>
              <td class="CellAccent1" colspan="2">
                <input name="txtCreditCardNumber" type="text" size="20" id="txtCreditCardNumber" title="Card number, Required" class="StandardCell" />
              </td>
            </tr><!-- Display Expiration Date -->
            <tr>
              <td class="CellAccent1" align="right">
                <span id="lblExpirationDate">*Expiration date:</span>
              </td>
              <td class="CellAccent1" colspan="2">
                <select name="drpdwnExpirationMonth" id="drpdwnExpirationMonth" class="StandardCell">
                  <option value="00">
                    None
                  </option>
                  <option value="01">
                    Jan
                  </option>
                  <option value="02">
                    Feb
                  </option>
                  <option value="03">
                    Mar
                  </option>
                  <option value="04">
                    Apr
                  </option>
                  <option value="05">
                    May
                  </option>
                  <option value="06">
                    Jun
                  </option>
                  <option value="07">
                    Jul
                  </option>
                  <option value="08">
                    Aug
                  </option>
                  <option value="09">
                    Sep
                  </option>
                  <option value="10">
                    Oct
                  </option>
                  <option value="11">
                    Nov
                  </option>
                  <option value="12">
                    Dec
                  </option>
                </select> <select name="drpdwnExpirationYear" id="drpdwnExpirationYear" class="StandardCell">
                  <option value="None">
                    None
                  </option>
                  <option selected="selected" value="2011">
                    2011
                  </option>
                  <option value="2012">
                    2012
                  </option>
                  <option value="2013">
                    2013
                  </option>
                  <option value="2014">
                    2014
                  </option>
                  <option value="2015">
                    2015
                  </option>
                  <option value="2016">
                    2016
                  </option>
                  <option value="2017">
                    2017
                  </option>
                  <option value="2018">
                    2018
                  </option>
                  <option value="2019">
                    2019
                  </option>
                  <option value="2020">
                    2020
                  </option>
                  <option value="2021">
                    2021
                  </option>
                </select>
              </td>
            </tr><!-- Display VISA card verification -->
            <tr>
              <td class="CellAccent1" align="right">
                <span id="lblVisaVerificationNumber">VISA Card Verification #</span>
              </td>
              <td class="CellAccent1" colspan="2">
                <input name="txtVisaVerificationNumber" type="text" maxlength="3" size="3" id="txtVisaVerificationNumber" title="VISA Card Verification #, Optional" class="StandardCell" />
              </td>
            </tr>
            <tr>
              <td class="CellAccent1" align="center">
                <img id="imgVisaVerification" title="The verification number is a three digit number found in the signature area on the back of the card" src="#" />
              </td>
              <td class="CellAccent1" valign="top" colspan="2">
                (Required for VISA Cards only)<br />
                VISA Card Verification # is a three digit number found in the signature<br />
                area on the back of your VISA credit card. This three digit number is<br />
                displayed after your credit card number.<br />
                <input id="chkUnreadable" type="checkbox" name="chkUnreadable" /><label for="chkUnreadable">I can't read the numbers</label>
              </td>
            </tr>
            <tr>
              <td colspan="3" class="CellAccent1">
                &nbsp; <span id="cstmValidateCreditCardInformation" style="color:Red;visibility:hidden;"></span>
              </td>
            </tr>
          </table><!--Display AddCreditCard box tail -->
        </td>
        <td class="Border" width="1">
          <img width="0" height="0" src="#" alt="" />
        </td>
      </tr>
      <tr>
        <td colspan="3" class="Border" height="1"></td>
      </tr>
    </table><!-- Display Buttons -->
    <table width="768" border="0" cellpadding="0" cellspacing="0" summary="Action Items">
      <tr>
        <td width="350">
          <img width="0" height="0" src="#" alt="" />
        </td>
        <td rowspan="2" align="center" valign="top">
          <img id="imgRightArrow" alt="" src="#" />
        </td>
      </tr>
      <tr>
        <td align="left">
          <input type="image" name="btnImgCancel" id="btnImgCancel" src="#" alt="Cancel" />&nbsp;
        </td>
        <td align="right">
          <input type="image" name="btnImgPlaceOrder" id="btnImgPlaceOrder" src="#" alt="Place Your Order" /> <img id="imgPlaceOrder" src="#" alt="Place Your Order" style="border-width:0px;display:none;" />
        </td>
      </tr>
    </table><!-- Display footer -->
    <table width="770">
      <tr>
        <td class="StandardCell" align="center">
          <span class="PageHeading"><br />
          You are currently logged in.</span><br />
          <span class="StandardText">For security purposes, you will be<br />
          logged out after 10 minutes of inactivity,<br />
          or you may <a id="LoggedInFooterMessage_hlSignOut" class="link" href="#" name="LoggedInFooterMessage_hlSignOut"><span style="text-decoration:underline">log out now</span></a>.</span>
        </td>
      </tr>
    </table><br />
    <table cellpadding="0" cellspacing="0" border="0" width="770">
      <tr>
        <td align="center" width="100%">
          <table cellpadding="0" cellspacing="0" border="0">
            <tr>
              <td>
                &nbsp;
              </td>
              <td align="center">
                <a class="NavLinkFooterDeselected" href="#">my account</a>
              </td>
              <td width="20" align="center" class="NavText">
                |
              </td>
              <td align="center">
                <a class="NavLinkFooterDeselected" href="#">return policy</a>
              </td>
              <td width="20" align="center" class="NavText">
                |
              </td>
              <td align="center">
                <a class="NavLinkFooterDeselected" href="#">shipping rates &amp; options</a>
              </td>
              <td width="20" align="center" class="NavText">
                |
              </td>
              <td align="center">
                <a class="NavLinkFooterDeselected" href="#">checkout</a>
              </td>
              <td width="20" align="center" class="NavText">
                |
              </td>
              <td align="center">
                <a class="NavLinkFooterDeselected" href="#">payment options</a>
              </td>
              <td width="20" align="center" class="NavText">
                |
              </td>
              <td align="center">
                <a class="NavLinkFooterDeselected" href="#">secure shopping</a>
              </td>
              <td width="20" align="center" class="NavText">
                |
              </td>
              <td align="center">
                <a class="NavLinkFooterDeselected" href="#">privacy policy</a>
              </td>
              <td width="20" align="center" class="NavText">
                |
              </td>
              <td align="center">
                <a class="NavLinkFooterDeselected" href="#">help</a>
              </td>
            </tr>
          </table>
          <table cellpadding="0" cellspacing="0" border="0" width="600">
            <tr>
              <td bgcolor="#CCCCCC" align="center">
                <img src="#" width="600" height="1" alt="" />
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    <table cellpadding="0" cellspacing="0" border="0" width="770">
      <tr>
        <td align="center" width="100%">
          <table border="0" cellpadding="0" cellspacing="0">
            <tr>
              <td>
                <table border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td align="center" class="navlinkfooterbold">
                      <a tabindex="4100" class="navlinkfooterbold" href='#'>home</a>
                    </td>
                    <td align="center" width="10" class="navtext">
                      |
                    </td>
                    <td align="center" class="navlinkfooterbold">
                      <a tabindex="4102" class="navlinkfooterbold" href='#'>other products &amp; services</a>
                    </td>
                    <td align="center" width="10" class="navtext">
                      |
                    </td>
                    <td align="center" class="navlinkfooterbold">
                      <a tabindex="4104" class="navlinkfooterbold" href='#'>store locator</a>
                    </td>
                    <td align="center" width="10" class="navtext">
                      |
                    </td>
                    <td align="center" class="navlinkfooterbold">
                      <a tabindex="4106" class="navlinkfooterbold" href='#'>gift cards</a>
                    </td>
                    <td align="center" width="10" class="navtext">
                      |
                    </td>
                    <td align="center" class="navlinkfooterbold">
                      <a tabindex="4110" class="navlinkfooterbold" href='#'>para ayuda</a>
                    </td>
                    <td align="center" width="10" class="navtext">
                      |
                    </td>
                    <td align="center" class="navlinkfooterbold">
                      <a tabindex="4112" class="navlinkfooterbold" href='#'>credit card</a>
                    </td>
                    <td align="center" width="10" class="navtext">
                      |
                    </td>
                    <td align="center" class="navlinkfooterbold">
                      <a tabindex="4114" class="navlinkfooterbold" href='#'>about us</a>
                    </td>
                    <td align="center" width="10" class="navtext">
                      |
                    </td>
                    <td align="center" class="navlinkfooterbold">
                      <a tabindex="4116" class="navlinkfooterbold" href='#'>contact us</a>
                    </td>
                    <td align="center" width="10" class="navtext">
                      |
                    </td>
                    <td align="center" class="navlinkfooterbold">
                      <a tabindex="4118" class="navlinkfooterbold" href='#'>copyright privacy</a>
                    </td>
                  </tr>
                </table>
              </td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
  </div>
</form>
